<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>{{ page_name }}</title>
    {% load staticfiles %}
    {% block header_script %}
        {% include "stocksys/base/core_template_css.html" %}
        {% include "stocksys/base/core_template_js.html" %}
    {% endblock %}
    <!-- Custom Theme files -->
    {% include "libsys/base/base_css.html" %}
    <!-- //Custom Theme files -->
    <!-- js -->

    {% include "libsys/base/base_js.html" %}
    {% include "libsys/base/base_hearder.html" %}
    <!-- //js -->
    <!-- web-fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
          rel="stylesheet">
    <!-- //web-fonts -->
</head>
<body>
<!-- header -->
<div class="header">
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header navbar-left wthree">
                <h1><a href="{% url 'libsys:index' %}">图书管理系统<span>Sanfen</span></a></h1>
            </div>
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="header-right wthree">
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-left cl-effect-14">
                        <li><a href="{% url 'libsys:index' %}" class="active">主页</a></li>
                        <li><a href="{% url 'libsys:union_search' %}">高级检索</a></li>
                        <li><a href="{% url 'libsys:default_book_rank' %}">借阅排行</a></li>
                        <li><a href="{% url 'libsys:default_new_books' %}">图书上新</a></li>
                        <li><a href="{% url 'libsys:message_board' %}">留言板</a></li>
                    </ul>
                    <div class="clearfix"></div>
                </div><!-- //navigation -->
            </div>
            <div class="clearfix"></div>
        </div>
    </nav>
</div>
<!-- //header -->
<div class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="content">
                        <div class="row">
                            <div class="col-md-4 col-sm-4">
                                <legend>封面</legend>
                                <div class="fileinput fileinput-new text-center" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail">
                                        <img src="{% static book.image_url %}" alt="...">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail"></div>
                                    <div>
                                        <button type="submit" class="btn btn-info btn-fill">借阅</button>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-8">
                                <form id="allInputsFormValidation" class="form-horizontal" action=""
                                      method="post"
                                      novalidate="">
                                    {% csrf_token %}
                                    <div class="content">
                                        <h4 class="title">图书信息</h4>
                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    书名
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="name"
                                                           required="required"
                                                           value="{{ book.name }}"
                                                           disabled="disabled"
                                                    />
                                                </div>
                                            </div>
                                        </fieldset>

                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    作者
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="author"
                                                           required="required"
                                                           value="{{ book.author }}"
                                                           disabled="disabled"

                                                    />
                                                </div>
                                            </div>
                                        </fieldset>

                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    ISBN
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="number"
                                                           number="true"
                                                           value="{{ book.ISBN }}"
                                                           disabled="disabled"

                                                    />
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    出版日期
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="publishdate"
                                                           required="required"
                                                           value="{{ book.publish_date }}"
                                                           disabled="disabled"
                                                    />
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    可借阅
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="publishdate"
                                                           required="required"
                                                           value="{{ book.is_order }}"
                                                           disabled="disabled"
                                                    />
                                                </div>
                                            </div>
                                        </fieldset>
                                        <fieldset>
                                            <div class="form-group">
                                                <label class="col-sm-2 control-label">
                                                    位置
                                                </label>
                                                <div class="col-sm-8">
                                                    <input class="form-control"
                                                           type="text"
                                                           name="publishdate"
                                                           required="required"
                                                           value="{{ book.location }}"
                                                           disabled="disabled"
                                                    />
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </form>

                            </div>


                        </div>
                    </div>
                </div>
                <!-- end card -->
            </div>
        </div>
    </div>
</div>
<!-- footer -->
{% include "libsys/base/base_footer.html" %}
<!-- //footer -->
</body>
</html>